
<!DOCTYPE html> 
<html> 
    <head> 
        <title>DonateAMinute</title> 
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
        <meta content='language, learning, learn' name='keywords' /> 
        <meta content='Learn a new language by doing something useful.' name='description' /> 
        <meta content='en' http-equiv='content-language' /> 
        <meta content='index,follow' name='robots' /> 
        <meta content='DonateAMinute' name='author' /> 
        <link href='/favicon.ico' rel='icon' type='image/vnd.microsoft.icon' /> 
                
        <script type="text/javascript" src="js/jquery.js"></script> 
        
        <script type='text/javascript'>
              //<![CDATA[
                $(document).ready(function(){
                	$(".mail span, .DonateAMinute_logo").click(function () {
                		$("#notify_me").slideToggle(400);
                	});
                });
 
                function subscribe() {
                    // Checks if the text is a valid email address (x@y.z) 
                    // and whether the email address is already taken. Displays the answer in the UI.
                    var email = $("#input_email").val();
                    var patt1=/^([a-zA-Z0-9_\+\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$$/;
                    if (!patt1.test(email) || email.indexOf("@") == -1) {
                        $("#input_email").addClass("error");
                        $("#box_txt").show();
                        $("#form_txt").hide();
                    } else {
                        $.post("/subscribe", {"email" : email}, function (data) {
                            if (data == '1') {
                                $("#form_txt").text("Thanks for signing up!");
                            } else {
                            	$("#form_txt").text("You were already subscribed.");
                            }
                            $("#input_email").removeClass("error");
                            $("#box_txt").hide();
                            $("#form_txt").show();
                            $("#subscribe_form").hide();
                        },"json");
                    }
                }
            //]]>
        </script> 
        
        <link rel="stylesheet" href="css/main.css" type="text/css" media="screen" /> 
 
        <style type="text/css" media="screen"> 
            
            .examples {
                position: absolute;
            }
            
        </style> 
        
    </head> 
    
    <body> 
        
        <div id="container"> 
        
            <div id="main"> 
                <h1>With <strong>DonateAMinute</strong> you learn a language and simultaneously translate the Web.</h1> 
                <p>Language differences remain a barrier for the global sharing of knowledge, and computers cannot process human language accurately. The more you learn at DonateAMinute, the more knowledge you make accessible to the world.</p> 
           
            </div> 
        
        
            <div id="footer"> 
                <h2 class="DonateAMinute_logo">DonateAMinute</h2> 
                <ul class="nav_footer"> 
                    <li class="twitter"><a href="http://twitter.com/DonateAMinute" target="_blank">Twitter</a></li> 
                    <li class="mail"><span>Notify me</span></li> 
                </ul> 
                <p class="copyright">Carnegie Mellon University</p> 
            </div> 
        
            <div class="modal_box" id="notify_me"> 
                <p id="box_txt">We haven’t launched yet but we'd be happy to keep you posted about our private beta. Your email won’t be used for anything else.</p> 
                <p id="form_txt" class="form_msg hidden"></p> 
 
                <form id="subscribe_form" action="javascript:;" method="get" onsubmit="subscribe()"> 
                    <input type="text" name="" class="email" value="Type your email" id="input_email" onfocus="if (this.value=='Type your email') this.value = ''" onblur="if (this.value=='') this.value = 'Type your email'" /> 
                    <input type="submit" value="Notify me" class="btn"/> 
                </form> 
                <div class="arrow"></div> 
            </div> 
        </div> 
        
        <script type="text/javascript"> 
         var _gaq = _gaq || [];
         _gaq.push(['_setAccount', 'UA-21595814-1']);
         _gaq.push(['_trackPageview']);
 
         (function() {
           var ga = document.createElement('script'); ga.type =
        'text/javascript'; ga.async = true;
           ga.src = ('https:' == document.location.protocol ? 'https://ssl' :'http://www') + '.google-analytics.com/ga.js';
           var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(ga, s);
         })();
        </script> 
        
    </body> 
</html> 